<template>
    <div class="Home">
        <div class="Home1">
            <div class='Home2'>
                <p class="p">在线管理系统</p>
            <p class="pp">专注于线上教育，用心做课程，用心做服务</p>
            </div>
        </div>
        
    </div>
</template>

<script>
export default {
    data() {
        return {
            
        };
    },
    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
    *{
        margin: 0px;
        padding: 0px;
    }
.Home{
    width: 100%;
    height: 661px;
    // border: 1px solid red;
    background-image: url(../../public/showcase.png);
    background-size: 100% 661px;
    .Home1{
    width: 100%;
    height: 100%;
        background: rgba(0,0,0,.6);
        color: white;
        .Home2{
            position: absolute;
        top: 30%;
        left: 40%;
        .p{
            font-size: 40px;
        }
        .pp{
            font-size: 24px;
        }
        }
    }
}
</style>